<!-- 认养信息 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>认养信息</title>
    <!-- favicon -->
    <link rel="shortcut icon" href="../img/favicon.ico">
    <!-- fonts -->
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <!-- style 1.jquery-weui -->
    <link rel="stylesheet" href="../lib/dist/css/weui.min.css">
    <link rel="stylesheet" href="../lib/dist/css/jquery-weui.css">
    <!-- <link rel="stylesheet" href="lib/dist/css/bootstrap.min.css"> -->
    <!-- style 公共koala样式 -->
    <link rel="stylesheet" href="../css/publicfile.css">
</head>
<body>
    <div class="main">
		<div class="clamin">
			<div class="clamin-information">
				<div class="clamin-title">
					<h1>认养信息：</h1>
				</div>
				<div class="border-bottom-gray pd-l">
					<a href="popular_science_detail.html" title="">
						<div class="weui-cell">
							<div class="weui-cell__hd"><img src="../img/temp/claim_01.png" alt=""></div>
							<div class="weui-cell__bd">
								<h1 class="color-graydark">武夷山-中蜂-荆条蜜蜂箱</h1>
								<p class="claim-font">数量：2     单价：<span class="font-orange">￥ 2000.00</span></p>
							</div>
						</div>
					</a>
				</div>
				<div class="border-bottom-gray pd-l">
					<a href="popular_science_detail.html" title="">
						<div class="weui-cell">
							<div class="weui-cell__hd"><img src="../img/temp/claim_02.png" alt="" class="news-img border-gray"></div>
							<div class="weui-cell__bd">
								<h1 class="color-graydark">武夷山-中蜂-荆条蜜蜂箱</h1>
								<p class="claim-font">数量：1     单价：<span class="font-orange">￥ 1000.00</span></p>
							</div>
						</div>
					</a>
				</div>
			</div>
			<div class="contacts-information">
				<div class="contacts-title">
					<h1>联系人信息：</h1>
				</div>
				<div class="contacts-content">
					<div class="contacts-form">
						<label>收货人姓名：</label>
						<input type="text">
					</div>
					<div class="contacts-form">
						<label>手机号码：</label>
						<input type="number">
					</div>
					<div class="contacts-form">
						<label>详细地址：</label>
						<input type="text">
					</div>
				</div>
			</div>
			<div class="message">
				<div class="message-title">
					<h1>幸福寄语：</h1>
				</div>
				<div class="contacts-content pd-l">
					<div class="contacts-form">
						<textarea type="text" name="" id="" cols="10" rows="5" placeholder="写下您的幸福寄语，我们将打印贴于蜂箱上"></textarea>
					</div>
				</div>
			</div>
			<div class="clamin-bottom pd-l">
				<p>共2件      合计：<span class="font-orange">￥ 6200.00</span></p>
			</div>
			<div class="payment-height"></div>
			<div class="payment">
				<a href="javascript:;" title="" onclick="pay()">立即支付</a>
			</div>
		</div>  
	</div>
    <div class="cover">
		<div class="weui-infinite-scroll">
			<div class="infinite-preloader"></div>
		</div>
	</div>
    <!-- JS -->
    <script src="../lib/dist/js/jquery-2.1.4.js"></script>
    <!-- 幻灯片 -->
    <!-- Swiper -->
    <script src="../lib/dist/js/swiper.js"></script>
    <!-- jqweui -->
    <script src="../lib/dist/js/jquery-weui.js"></script>
    <script>
        function pay() {
          	$.toptip('验证失败', 'error');
			$(".cover").show();
        }
    </script>
</body>

</html>